<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	<link href="images/favicon.ico" rel="shortcut icon">
	<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/text.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/default.css" />
	<link rel="stylesheet" type="text/css" media="screen" href="css/profile.css" />
	<title>sikl.us! profile </title>
</head>
<body>
	<div class="container_16">
	<div id="header" class="grid_16">
		<div id="logo">
			<img src="images/headertext.png" alt="logo">
		</div>
		<div id="nav">
			<ul>
				<li>
				<a class="active" href="#">Home</a>
				</li>
				<li>
				<a href="#">Register</a>
				</li>
				<li>
				<a href="#">Search</a>
				</li>
				<li>
				<a href="#">Login</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
	<div class="grid_11">
		<div id="profiletab" class="tab">
			<ul>
				<li><a class="active" href="#">My Link</a></li>
				<li><a href="#">Likes</a></li>
				<li><a href="#">Hates</a></li>
				<li><a href="#">Account</a></li>
			</ul>
		</div>
	</div>
	<div id="right" class="grid_5">
		<div id="bio">
			<img src="images/user.png" alt="user"/>
			<div id="det">
				<h2>ahmadrifai</h2>
				<p>joined 10 Jan 2011</p>
				<a href="#">Follow</a>
			</div>
		</div>
		<div class="clear"></div>
		<h2>About</h2>
		<div id="desc">
			<p>  
				I'm a webdev/webdesign bastard, building this app in my spare time. Let me know what you think about it.
			</p>
		</div>
		<h2>Reputation</h2>
		<div id="reputation">
			<ul>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
			</ul>
		</div>
		<h2>Followers(100)</h2>
		<div id="followers">
			<ul>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
				<li><a href="#"><img src="images/user.png" alt="user"/></a></li>
			</ul>
		</div>
		<h2>Tags</h2>
		<div id="favtags">
			<ul>
				<li><a class="black tags" href="#">tags</a></li>
				<li><a class="black tags" href="#">tags</a></li>
				<li><a class="black tags" href="#">tags</a></li>
				<li><a class="black tags" href="#">tags</a></li>
				<li><a class="black tags" href="#">tags</a></li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
	<div id="footer" class="grid_16">
		<ul>
			<li>
			<a href="#">Copyright©2011 Siklus </a>
			</li>
			<li>
			<a href="#">About Us </a>
			</li>
			<li>
			<a href="#">Contact </a>
			</li>
			<li>
			<a href="#">Report Abuse </a>
			</li>
			<li>
			<a href="#">Term & Privacy</a>
			</li>
		</ul>
	</div>
</div>
</body>
